<template>
    <div>
        <van-nav-bar
  title="标题"
  left-text="返回"
  right-text="按钮"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>

        <div style="text-align: center;">
            <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <p>111111111111</p>
        </div>
        <button style="text-align: center;">编辑个人资料</button>
        <br>
        <a href="#">完善你的位置信息</a>
        <a href="#">社区等级：升级规则</a>



    </div>
</template>

<script setup>

import { ref } from 'vue'
import { useRouter} from 'vue-router'

const router =new useRouter()
const onClickLeft=()=>{
    console.log('左边返回');
    router.push('/create')
}
</script>

<style>
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: black;
}
</style>